<template>
  <div class="testScene-initDeployRelateDescriptForm">
    <el-row :gutter="24">
      <el-col :span="12">
        <TestSceneInitDeployRelateDescriptComparison
          title="数据处理前"
          :dealDataSources="props.dealDataBeforeSources"
          :interferType="props.interferType"
        />
      </el-col>
      <el-col :span="12">
        <TestSceneInitDeployRelateDescriptComparison
          title="数据处理后"
          :dealDataSources="props.dealDataAfterSources"
          :interferType="props.interferType"
        />
      </el-col>
    </el-row>
  </div>
</template>

<script lang="ts" setup>
import TestSceneInitDeployRelateDescriptComparison from '../components/TestSceneInitDeployRelateDescriptComparison/index.vue';
import { useRoute, useRouter } from 'vue-router';
import { ref } from 'vue';
const route = useRoute();
const props = defineProps({
  interferType: { type: String, default: '舰载有源干扰-雷达' },
  dealDataBeforeSources: {
    type: Object,
    default: () => {
      return {};
    },
  },
  dealDataAfterSources: {
    type: Object,
    default: () => {
      return {};
    },
  },
});

</script>

<style lang="scss" scoped>
.testScene-initDeployRelateDescriptForm {
  height: calc(100vh - 290px);
  padding: 20px;
  overflow-y: scroll;
}
</style>
